﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebFile.aspx.cs" Inherits="ColorApplication.WebFile"
    EnableEventValidation="false" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head id="Head1" runat="server">
    <title></title>
    <link href="~/Styles/styles.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="~/Styles/Site.css" />
</head>
<body style="background-color: #FFFFFF; background-image: url('../images/mainback.jpg');
    background-repeat: repeat-x; color: #FFFFFF; font-family: Arial,Helvetica,sans-serif;
    font-size: 12px; margin: 0; padding: 0;">
    <form id="form1" runat="server">
        <div style="height: auto; margin: auto; position: relative; width: 916px;">
            <div style="height: 15px; margin-right: 45px; margin-top: 18px; position: relative;
                text-align: right; width: 916px;">
                <img id="Img1" src="../images/alphaversion.jpg" width="88" height="12" />
            </div>
            <div style="height: 80px; left: 30px; position: absolute; top: -6px; width: 100px;
                z-index: 1;">
                <img id="Img2" src="../images/logo.png" width="125" height="122" />
            </div>
            <div style="background: none repeat scroll 0 0 #000000; height: 40px; position: relative;
                width: 916px;">
                <div style="background: none repeat scroll 0 0 #000000; padding-left: 400px; padding-right: 10px;
                    position: relative; width: auto; visibility: hidden;">
                    <ul class="Toplinks">
                        <li style="float: left; height: 28px; list-style: none outside none; padding: 12px 0 0;">
                            <asp:HyperLink NavigateUrl="~/Default.aspx" title="" ID="HomeLink" runat="server"
                                Style="color: #FFFFFF; height: 40px; padding: 12px 11px; text-decoration: none;">Home</asp:HyperLink>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- Navigation ends here -->
            <asp:Panel runat="server" ID="pnlOther">
                <div style="height: 91px; width: 916px;">
                    <img id="Img3" src="../images/subheader.jpg" width="916" height="91"
                        border="0" />
                </div>
                <div style="background: none repeat scroll 0 0 #FFFFFF; margin: auto; padding: 0;
                    position: relative; width: 916px;">
                    <div style="background: none repeat scroll 0 0 #FFFFFF; height: auto; padding: 35px;
                        position: relative; width: 846px; float: left">
                        <img src="../images/headerbullet.jpg" width="29" height="31" hspace="0" vspace="0"
                            align="left" />
                        <asp:Label ID="lblHeading" runat="server" Style="color: #000000; font-family: Arial,Helvetica,sans-serif,tahoma,verdana;
                            font-size: 30px;">HTML Results</asp:Label>
                        <asp:Panel ID="pagePanel" runat="server" Style="color: #666666; font-size: 11px;
                            font-weight: bold; line-height: 18px;">
                            <div style="float: none; margin-top: 20px; background-color: #F8F8F8; width: 100%;
                                font-size: 14px; font-weight: bold;">
                                <asp:Label ID="ErrorLabel" runat="server" Style="color: Red; font-size: 1.2em;"></asp:Label>
                                <asp:Panel ID="pnlImg1" runat="server" CssClass="divImg1MainSingle bigFont">
                                    <p style="background-color: #8D45A3; color: #FFFFFF; margin: 0; padding: 10px 0 10px 42px;
                                        text-align: left;">
                                        <asp:Label ID="ImageNameLabel" runat="server" Style="word-break:break-all"></asp:Label>
                                    </p>
                                    <div id="divImgMain1" runat="server" style="float: none; padding: 3%; width: 94%;">
                                        <div id="divImg1" runat="server" style="height: 130px; margin-right: 35px; width: 130px;">
                                            <asp:Image ID="Image1" runat="server" Style="border: 1px solid #8C8C8C; height: 130px;
                                                width: 130px;" />
                                        </div>
                                        <div id="divImgSize1" runat="server" style="color: #8D45A3; float: none; margin-top: 12px;
                                            text-align: center; width: 130px;">
                                            <asp:Label ID="FileSizeLabel" runat="server"></asp:Label>
                                        </div>
                                        <div id="divContribute1" runat="server" style="float: right; margin-top: -104px;
                                            width: 78%;">
                                            <asp:Label ID="LabelContributedColor" runat="server"></asp:Label>
                                        </div>
                                    </div>
                                </asp:Panel>
                                <asp:Panel ID="pnlImg2" runat="server" CssClass="divImg1MainSingle bigFont">
                                    <p style="background-color: #8D45A3; color: #FFFFFF; margin: 0; padding: 10px 0 10px 42px;
                                        text-align: left;">
                                        <asp:Label ID="ImageNameLabel2" runat="server"></asp:Label>
                                    </p>
                                    <div id="divImgMain2" runat="server" style="float: none; padding: 3%; width: 94%;">
                                        <div id="divImg2" runat="server" style="height: 130px; margin-right: 35px; width: 130px;">
                                            <asp:Image ID="Image2" runat="server" Style="border: 1px solid #8C8C8C; height: 130px;
                                                width: 130px;" />
                                        </div>
                                        <div id="divImgSize2" runat="server" style="color: #8D45A3; float: none; margin-top: 12px;
                                            text-align: center; width: 130px;">
                                            <label id="lblImgSize2" runat="server">256 kb</label>
                                        </div>
                                        <div id="divContribute2" runat="server" style="float: right; margin-top: -104px;
                                            width: 78%;">
                                            <asp:Label ID="lblContributeColor2"
                                                runat="server" />
                                        </div>
                                    </div>

                                </asp:Panel>
                            </div>
                            <div style="float: left; width: 100%; text-align: center">
                                <asp:Label ID="BestPicture0" runat="server" Text="Picture {0} is better." Style="background-color: #FFEFFE;
                                    border: 1px solid #DCC7E3; display: inline-block; margin-top: 10px; padding: 1%;
                                    width: 46.5%; font-size: 14px;"
                                    Visible="false" />
                            </div>
                            <asp:Panel ID="Panel1" runat="server" Style="margin-top: 20px; overflow: auto; width: 100%;
                                float: left;">
                                <asp:Repeater ID="AttributeFamiliesGridView" runat="server" OnItemDataBound="AttributeFamiliesGridView_ItemDataBound">
                                    <HeaderTemplate>
                                        <table cellpadding="0" cellspacing="0" style="width: 100%; font-family: Arial; font-size: 14px;
                                            font-weight: bold;">
                                            <tr>
                                                <th style="background-color: #118BCB; border-right: 1px solid #FFFFFF; color: #FFFFFF;
                                                    font-weight: bold; padding: 10px 0;">Attribute Families </th>
                                                <th style="background-color: #118BCB; border-right: 1px solid #FFFFFF; color: #FFFFFF;
                                                    font-weight: bold; padding: 10px 0;">Attribute </th>
                                                <th style="background-color: #118BCB; border-right: 1px solid #FFFFFF; color: #FFFFFF;
                                                    font-weight: bold; padding: 10px 0;"
                                                    id="AttributeCountHeader" runat="server">Count </th>
                                                <th style="background-color: #118BCB; border-right: 1px solid #FFFFFF; color: #FFFFFF;
                                                    font-weight: bold; padding: 10px 0;"
                                                    id="AttributePercentageHeader" runat="server">Percentage
                                                </th>
                                                <th style="background-color: #118BCB; color: #FFFFFF; font-weight: bold; padding: 10px 0;">
                                                    Weighted (%)
                                                </th>
                                            </tr>
                                            <tr>
                                                <td align="left" style="background-color: #DFEBF7; color: #118BCB; font-size: 13px;
                                                    font-weight: bold; padding: 5px;"
                                                    colspan="5">Most Dominant Types </td>
                                            </tr>
                                    </HeaderTemplate>
                                    <ItemTemplate>
                                        <tr style="background-color: #EEEEEE; font-size: 13px; font-weight: normal; vertical-align: top;">
                                            <td style="border-left: 1px solid #EEEEEE; border-right: 1px solid #FFFFFF; padding: 5px;">
                                                <%#DataBinder.Eval(Container.DataItem, "Attribute Families")%>
                                            </td>
                                            <td style="border-right: 1px solid #FFFFFF; padding: 5px;">
                                                <%#DataBinder.Eval(Container.DataItem, "Attribute")%>
                                            </td>
                                            <td style="border-right: 1px solid #FFFFFF; padding: 5px;"
                                                id="AttributeCount" runat="server">
                                                <%#DataBinder.Eval(Container.DataItem, "Count")%>
                                            </td>
                                            <td style="border-right: 1px solid #FFFFFF; padding: 5px;"
                                                id="AttributePercentage" runat="server">
                                                <%#DataBinder.Eval(Container.DataItem, "Percentage")%>
                                            </td>
                                            <td style="border-right: 1px solid #EEEEEE; padding: 5px;">
                                                <%#DataBinder.Eval(Container.DataItem, "WeightedPercentage")%>
                                            </td>
                                        </tr>
                                        <tr id="trSpace1" runat="server" visible="False">
                                            <td id="Td1" colspan="5" style="border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE;"
                                                runat="server">
                                                <br />
                                            </td>
                                        </tr>
                                        <tr id="trSpace2" runat="server" visible="False">
                                            <td id="Td2" colspan="5" style="border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE;"
                                                runat="server">
                                                <br />
                                            </td>
                                        </tr>
                                    </ItemTemplate>
                                    <AlternatingItemTemplate>
                                        <tr style="background-color: #F8F8F8; font-size: 13px; font-weight: normal; vertical-align: top;">
                                            <td style="border-left: 1px solid #EEEEEE; border-right: 1px solid #FFFFFF; padding: 5px;">
                                                <%#DataBinder.Eval(Container.DataItem, "Attribute Families")%>
                                            </td>
                                            <td style="border-right: 1px solid #FFFFFF; padding: 5px;">
                                                <%#DataBinder.Eval(Container.DataItem, "Attribute")%>
                                            </td>
                                            <td style="border-right: 1px solid #FFFFFF; padding: 5px;"
                                                id="AttributeCount" runat="server">
                                                <%#DataBinder.Eval(Container.DataItem, "Count")%>
                                            </td>
                                            <td style="border-right: 1px solid #FFFFFF; padding: 5px;"
                                                id="AttributePercentage" runat="server">
                                                <%#DataBinder.Eval(Container.DataItem, "Percentage")%>
                                            </td>
                                            <td style="border-right: 1px solid #EEEEEE; padding: 5px;">
                                                <%#DataBinder.Eval(Container.DataItem, "WeightedPercentage")%>
                                            </td>
                                        </tr>
                                        <tr id="trSpace1" runat="server" visible="False">
                                            <td id="Td1" colspan="5" style="border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE;"
                                                runat="server">
                                                <br />
                                            </td>
                                        </tr>
                                        <tr id="trSpace2" runat="server" visible="False">
                                            <td id="Td2" colspan="5" style="border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE;"
                                                runat="server">
                                                <br />
                                            </td>
                                        </tr>
                                    </AlternatingItemTemplate>
                                    <FooterTemplate>
                                        </table>
                                    </FooterTemplate>
                                </asp:Repeater>
                            </asp:Panel>
                            <asp:Panel ID="pnlPieImg1" runat="server" Style="text-align: center; padding: 10px 0;
                                display: none;">
                                <asp:Image ID="imgPieChart1" alt="Pie Chart" runat="server" />
                            </asp:Panel>
                            <asp:Panel ID="pnlPieImg2" runat="server" Style="text-align: center; padding: 10px 0;
                                display: none;">
                                <asp:Image ID="imgPieChart2" alt="Pie Chart" runat="server" />
                            </asp:Panel>
                            <div style="clear: both; font-size: 16px; font-weight: bolder; text-align: center;">
                                <asp:Label ID="lblCommonMessage" runat="server" />
                            </div>

                            <div style="text-align: center; clear: both;">
                                <asp:Label ID="BestPicture" runat="server" Text="Picture {0} is better." Style="background-color: #FFEFFE;
                                    border: 1px solid #DCC7E3; display: inline-block; margin-top: 20px; padding: 1%;
                                    width: 46.5%; font-size: 14px;"
                                    Visible="false" />
                            </div>
                        </asp:Panel>
                    </div>
                </div>
            </asp:Panel>
            <!-- Contentarea div ends here -->
            <div style="clear: both;"></div>
        </div>
        <!-- Container Div ends here -->
        <div style="background: none repeat scroll 0 0 #9568A3; height: 110px; margin: auto;
            padding-top: 35px; position: relative; width: 916px;">
            <asp:Panel ID="footer1" runat="server" Style="float: left; font-family: Arial,Helvetica,sans-serif;
                font-size: 12px; height: auto; position: relative; width: 650px;">
                <ul class="Bottomlinks">
                    <li style="float: left; list-style: none outside none; padding: 0 11px;">
                        <asp:HyperLink NavigateUrl="~/Default.aspx" title="" ID="HomeLink1" runat="server"
                            Style="color: #FFFFFF; text-decoration: none;">Home</asp:HyperLink>
                    </li>
                </ul>
            </asp:Panel>
            <div style="float: left; height: auto; padding-top: 15px; text-align: right; width: 230px;">
                <img id="Img4" src="../images/dots.jpg" width="70" height="10" />
            </div>

            <div style="height: auto; margin-top: 45px; padding-left: 50px; position: relative;
                width: 230px;">
                <p>© 2012 Colorsay.com</p>
            </div>
        </div>
        <!-- Footer DIV ends here -->
    </form>
</body>
</html>
